import Vue from 'vue';
import MessageBox from '@/components/Message.vue';

export default function(message, duration = 2000) {
    // 创建组件实例
    const vm = new Vue({
        render: h => h(MessageBox, { props: { message } })
    }).$mount();

    // 拿到 render 函数渲染的真实 DOM 节点
    document.body.appendChild(vm.$el);

    // 显示一段时间后，需要卸载
    setTimeout(() => {
        document.body.removeChild(vm.$el);
        vm.$destroy();
    }, duration);
}
